/**
 * @功能描述: 有序列表样式组件
 * @author: lzn
 * @date: 2022-09-22 10:45:19
 * @version: 1.0
 */
@import '../../style/index';

// 序号定位
@mixin list-order($size) {
  .base-list-item {
    padding-left: $size + 16px;
    >span:first-child {
      left: $size;
    }
  }
}

// 有序列表样式
@include b(base-order-list) {
  // 开启序号定位
  .base-list-item {
    position: relative;
    >span:first-child {
      position: absolute;
    }
  }
  @include list-order($list-padding-left);
  // 大尺寸列表序号定位
  &.base-list-lg {
    @include list-order($list-padding-left);
  }
  // 小尺寸列表序号定位
  &.base-list-sm {
    @include list-order($list-padding-left-sm);
  }
}